html {
	min-height: 100%;
}

body {
	background-color: #eee;
	color: #666 !important;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 16px;
    height: 16px;
    background-color: #F5F5F5;
}
.red{
	color: red;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #FFF;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #5DB2FF;
}
#preview {
	width: 350px;
	height: auto;
}

#preview img {
	width: 100%;
}
.panel-body{
				background: #fff;
			}
.panel-body{
	padding-bottom:0px;margin: 10px;
	border-radius: 15px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
/*===公共样式=====*/

a,
a:hover {
	text-decoration: none;
}

.text-aqua {
	color: #00c0ef !important;
}

.text-yellow {
	color: #f39c12 !important;
}

.text-red {
	color: #dd4b39 !important;
}

.text-green {
	color: #00a65a !important;
}

.text-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.label-success {
	background-color: #5cb85c;
}

.btn-contrast {
	background-color: #8dc153;
	border-color: #8dc153;
	background-image: none;
	color: white;
}

.btn-contrast:hover,
.btn-contrast:focus {
	background-color: #7bb140;
	border-color: #7bb140;
	color: white;
}

.btn-contrast:active,
.btn-contrast.active {
	background-color: #73a53c;
	border-color: #73a53c;
	color: white;
}

.btn-contrast.disabled,
.btn-contrast[disabled] {
	background-color: #a3cd75;
	border-color: #a3cd75;
	color: #ecf5e3;
}

.btn-contrast.disabled:hover,
.btn-contrast.disabled:active,
.btn-contrast.disabled:focus,
.btn-contrast.disabled.active,
.btn-contrast[disabled]:hover,
.btn-contrast[disabled]:active,
.btn-contrast[disabled]:focus,
.btn-contrast[disabled].active {
	background-color: #a3cd75;
	border-color: #a3cd75;
	color: #ecf5e3;
}

.btn-contrast.btn-bordered {
	border-color: #8dc153;
	color: #8dc153;
}

.btn-contrast.btn-bordered:hover,
.btn-contrast.btn-bordered:focus {
	background-color: rgba(141, 193, 83, 0.1);
}

.btn-contrast.btn-bordered.disabled,
.btn-contrast.btn-bordered.disabled:hover,
.btn-contrast.btn-bordered.disabled:active,
.btn-contrast.btn-bordered.disabled:focus,
.btn-contrast.btn-bordered.disabled.active,
.btn-contrast.btn-bordered[disabled],
.btn-contrast.btn-bordered[disabled]:hover,
.btn-contrast.btn-bordered[disabled]:active,
.btn-contrast.btn-bordered[disabled]:focus,
.btn-contrast.btn-bordered[disabled].active,
fieldset[disabled] .btn-contrast.btn-bordered,
fieldset[disabled] .btn-contrast.btn-bordered:hover,
fieldset[disabled] .btn-contrast.btn-bordered:active,
fieldset[disabled] .btn-contrast.btn-bordered:focus,
fieldset[disabled] .btn-contrast.btn-bordered.active {
	border-color: #a3cd75;
	color: #91c359;
}

ul,
li {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}


/*.ease-transition,
.page-sidebar,
.page-wrapper,
.main-container>.page-container>.page-sidebar:before{
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}*/


/*页面加载完成之前*/

.loading-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #5db2ff;
	z-index: 999;
}

.loading-container .sk-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 90px;
	height: 50px;
}

.loading-container .sk-spinner div {
	background-color: #fff;
}

.loading-inactive {
	display: none;
}


/*延时加载*/

.delayed,
#setBox,
#setBox.open {
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}


/*公共模块*/

.has-group,
.has-group input {
	height: 100%;
}

.has-transparent input,
.has-transparent input:focus {
	border-color: transparent;
	border-radius: 0;
}

.has-transparent input:focus {
	padding-left: 40px;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0);
}

.has-group .has-group-feedback {
	position: absolute;
	left: 15px;
	top: 50%;
	font-size: 15px;
	margin-top: -7px;
	color: #5db2ff;
}

.has-group .searchhelper {
	display: none;
	position: absolute;
	width: 100%;
	padding: 20px 15px;
	z-index: 99;
	margin-top: 1px;
	background-color: #fff;
	font-size: 13px;
	color: #999;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}

.has-transparent input:focus+.searchhelper {
	display: block;
}


/*表单*/

form label {
	font-size: 13px;
	color: #555;
	font-weight: 400;
}

.form-control,
select {
	font-size: 13px;
	padding: 6px 12px;
}


/*边框*/

.bordered-top {
	border-top: 3px solid #fff;
}

.bordered-right {
	border-right: 3px solid #fff;
}

.bordered-bottom {
	border-bottom: 3px solid #fff;
}

.bordered-left {
	border-left: 3px solid #fff;
}

.border-blue {
	border-color: #5db2ff !important
}


/*****=========头部=========***********/

.navbar {
	position: relative;
	margin: 0;
	border-color: #5db2ff;
	border-radius: 0;
	z-index: 100;
}

.navbar-inner,
.navbar-inner .navbar-custom-menu>li>a {
	background-color: #5db2ff;
}

.navbar-inner {
	/*height: 50px;*/
	padding: 0;
	border-color: #5db2ff;
}

.navbar-inner .container-fluid {
	padding: 0 !important;
}

.navbar-header .navbar-brand {
	padding: 0;
}

.navbar-inner .logo,
.navbar-inner .sidebar-collaps,
.navbar-inner .navbar-nav>li>a {
	color: #fff;
	cursor: pointer;
}

.navbar-inner .logo {
	width: 230px;
	padding: 0 16px;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	background-color: #54a8f5;
}

.navbar-inner .logo,
.navbar-inner .collapse-icon {
	line-height: 50px;
}

.navbar-inner .logo:hover {
	background-color: #64b5ff;
}

.sidebar-collaps {
	width: 45px;
	text-align: center;
}

.sidebar-collaps:hover,
.navbar-inner .navbar-custom-menu>li>a:hover,
.navbar-inner .navbar-custom-menu>li>a:focus {
	background-color: #72bbfe !important;
}

.collapse-icon {
	font-size: 15px;
}

.navbar-right {
	margin-right: 0 !important;
}

.navbar-inner .navbar-nav>li>a .badge-s {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 9px;
	padding: 2px 3px;
	border-radius: 3px;
}


/**/

.navbar-custom-menu .messages-menu>ul {
	min-width: 248px;
}

.messages-menu .slimScrollDiv {
	max-height: 172px;
	overflow: auto;
}

.navbar-custom-menu .messages-menu .slimScrollDiv::-webkit-scrollbar {
	width: 2px;
}

.navbar-custom-menu .messages-menu .slimScrollDiv::-webkit-scrollbar-track {
	background-color: #eee;
}

.navbar-custom-menu .messages-menu .slimScrollDiv::-webkit-scrollbar-thumb {
	background-color: #bbb;
}

.navbar-custom-menu .messages-menu>ul,
.navbar-custom-menu .messages-menu .slimScrollDiv>ul {
	padding: 0;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li {
	list-style: none;
}

.navbar-custom-menu .messages-menu .header,
.navbar-custom-menu .messages-menu .footer {
	font-size: 14px;
}

.navbar-custom-menu .messages-menu .header,
.navbar-custom-menu .messages-menu .footer,
.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a {
	padding: 10px 12px;
	border-bottom: 1px solid #f4f4f4;
	color: #444;
}

.navbar-custom-menu .messages-menu .user-img {
	height: 20px;
	margin-right: 5px;
	border-radius: 50%;
}

.navbar-custom-menu .messages-menu .footer {
	padding: 0;
	text-align: center;
}

.navbar-custom-menu .messages-menu .footer a {
	padding: 10px 12px;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>div>img {
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a i {
	margin: 0 12px 0 0;
	font-size: 15px;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a {
	display: block;
	padding: 7px 12px;
	font-size: 13px;
	color: #888;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a:before {
	content: " ";
	display: table;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a:hover {
	background-color: #f1f1f1;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>h4 {
	position: relative;
	margin-bottom: 5px;
	font-size: 13px;
	color: #888;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>h5 {
	margin-bottom: 0;
	font-size: 13px;
	color: #999;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>h5 small {
	position: absolute;
	right: 20px;
	color: #aaa;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>h4 small {
	position: absolute;
	right: 0;
	color: #aaa;
}

.navbar-custom-menu .messages-menu .slimScrollDiv>ul>li>a>p {
	max-width: 235px;
	font-size: 12px;
	color: #999;
	margin-bottom: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.navbar-custom-menu .user-box {
	margin-top: 2px;
}

.navbar-custom-menu .user-box .user-header {
	padding: 10px;
	min-height: 150px;
	text-align: center;
	background-color: #5db2ff;
	color: rgba(255, 255, 255, 0.8);
}

.navbar-custom-menu .user-box .user-header img {
	margin-bottom: 7px;
}

.navbar-custom-menu .user-box .user-header p small {
	display: block;
}

.navbar-custom-menu .user-box .user-footer {
	padding: 10px;
	height: 55px;
	background-color: #f9f9f9;
}

.navbar-custom-menu .user-box .user-footer:before {
	content: " ";
	display: table;
}

@media (max-width: 768px) {
	.hedden-xs {
		display: none;
	}
	/**/
	.navbar-inner .logo {
		width: 100%;
	}
	.navbar-inner .navbar-nav {
		float: right;
		margin: 0;
	}
	.navbar-inner .navbar-nav>li {
		display: inline-block;
	}
	.navbar-inner .navbar-nav>li>ul {
		position: absolute !important;
	}
	.navbar-inner .navbar-custom-menu>li>a {
		line-height: 30px;
	}
	.navbar-inner .navbar-nav .open .dropdown-menu {
		left: auto;
		right: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
	}
}


/**=========主体=========**/

.main-container {
	position: static;
	padding: 0;
}

.main-container>.page-container {
	position: relative;
	width: 100%;
	height: 300px;
}


/*左侧*/

.main-container>.page-container>.page-sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 230px;
	background-color: #fff;
	z-index: 99;
}

.sidebar-collapse .main-container>.page-container>.page-sidebar {
	width: 42px;
}

.main-container>.page-container>.page-sidebar:before {
	content: " ";
	position: fixed;
	display: block;
	width: 225px;
	top: 0;
	bottom: 0;
	left: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

.sidebar-collapse .main-container>.page-container>.page-sidebar:before {
	width: 42px;
}

.sidebar-collapse .main-container>.page-container>.page-sidebar .sidebar-menu {
	width: 42px;
}

.page-sidebar .sidebar-header-wrapper {
	height: 45px;
	margin-bottom: 0;
	position: relative;
	margin-left: 5px;
}

.sidebar-collapse .page-sidebar .sidebar-header-wrapper .form-control,
.sidebar-collapse .page-sidebar .sidebar-header-wrapper .searchhelper {
	width: 100%;
}

.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group:hover,
.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group .searchinput:focus+.searchhelper,
.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group .searchinput:focus,
.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group:hover .searchhelper {
	width: 240px;
}

.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group:hover .searchinput,
.sidebar-collapse .page-sidebar .sidebar-header-wrapper .searchinput:focus {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

.sidebar-collapse .page-sidebar .sidebar-header-wrapper .has-group .searchinput:focus+.searchhelper {
	margin-top: -1px;
}

.page-sidebar .sidebar-menu {
	margin-left: 5px;
}

.page-sidebar .sidebar-menu li {
	position: relative;
	white-space: nowrap;
}

.page-sidebar .sidebar-menu>li>a {
	color: #737373;
	border-top: 1px solid #f3f3f3 !important;
	background-color: #fff !important;
}

.page-sidebar .sidebar-menu>li>a:hover,
.sidebar-collapse .page-sidebar .sidebar-menu li a:hover {
	background-color: #fbfbfb !important;
	border-color: #f3f3f3 !important;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li>ul>li:hover a,
.sidebar-collapse .page-sidebar .sidebar-menu>li>ul>li a:hover {
	border-color: #e3e3e3 !important;
	background-color: #fff !important;
}

.page-sidebar .sidebar-menu a {
	display: block;
	height: 38px;
	line-height: 36px;
	margin: 0;
	padding: 0 16px 0 7px;
	font-size: 13px;
}

.page-sidebar .sidebar-menu a .menu-icon,
.page-sidebar .sidebar-menu a .menu-expand {
	display: inline-block;
	;
}

.page-sidebar .sidebar-menu a .menu-icon {
	min-width: 30px;
	text-align: center;
	padding-left: 0;
	font-size: 14px;
	margin-left: 0;
}

.page-sidebar .sidebar-menu a .menu-expand {
	position: absolute;
	right: 12px;
	top: 15px;
	font-size: 13px;
	line-height: 10px;
}

.sidebar-collapse .page-sidebar .sidebar-menu a .menu-expand {
	display: none;
}

.page-sidebar .sidebar-menu>li.active,
.page-sidebar .sidebar-menu>li.active>a {
	background-color: #f5f5f5 !important;
}

.page-sidebar .sidebar-menu li:before {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px;
	width: 4px;
	max-width: 4px;
	overflow: hidden;
	background-color: #54a8f5;
}

.page-sidebar .sidebar-menu li:hover:not(.open):before {
	display: block;
	background-color: darksalmon;
}

.page-sidebar .sidebar-menu li.active:not(.open):before {
	display: block;
}

.page-sidebar .sidebar-menu>li.active>a>i.menu-expand {
	transform: rotate(90deg);
	transition: all 300ms ease-in-out;
}

.page-sidebar .sidebar-menu>li>.submenu,
.page-sidebar .sidebar-menu>li ul {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	background-color: #fbfbfb;
	-webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
}

.page-sidebar .sidebar-menu>li ul:before {
	content: " ";
	display: block;
	position: absolute;
	left: 23px;
	top: 0;
	bottom: 19px;
	border-left: 1px solid #e2e2e2;
	z-index: 1;
}

.page-sidebar .sidebar-menu>li.open>ul {
	display: block;
	transition: all 300ms ease-in-out;
}

.sidebar-collapse .sidebar-menu>li.open>ul {
	display: none;
}

.page-sidebar .sidebar-menu .submenu a {
	position: relative;
	padding-left: 40px;
	color: #737373;
}

.page-sidebar .sidebar-menu .submenu li.active>a {
	color: #262626;
	background-color: #f5f5f5;
}

.page-sidebar .sidebar-menu>li>.submenu>li.active:first-child>a {
	-webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
	box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, .15);
}

.page-sidebar .sidebar-menu>li>.submenu>li.active>a:before {
	background-color: #e2e2e2;
}

.page-sidebar .sidebar-menu .submenu a:before {
	content: " ";
	position: absolute;
	left: 21px;
	top: 17px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	background-color: #fff;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li ul:before,
.sidebar-collapse .page-sidebar .sidebar-menu .submenu a:before,
.sidebar-collapse .page-sidebar .sidebar-menu>li>a .menu-text {
	display: none;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li {
	position: relative;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li:hover>a>.menu-text {
	padding-left: 40px;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li:hover>a>.menu-text,
.sidebar-collapse .page-sidebar .sidebar-menu>li:hover ul {
	display: inline-block !important;
	position: absolute;
	left: 42px;
	top: 0;
	width: 195px;
	background-color: #fff;
	margin-bottom: 0;
	z-index: 999;
}

.sidebar-collapse .page-sidebar .sidebar-menu>li:hover ul {
	padding-top: 38px;
	border-left: 1px solid #e3e3e3;
	box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px 5px 5px -5px rgba(0, 0, 0, .3), 5px -5px 5px -5px rgba(0, 0, 0, .3);
	background-color: #fbfbfb;
	z-index: 99;
}

@media (max-width: 768px) {}


/*右侧*/

.main-container .page-wrapper {
	position: absolute;
	display: block;
	width: 100%;
	padding-left: 230px;
	z-index: 98;
}

.sidebar-collapse .main-container .page-wrapper {
	padding-left: 42px;
}


/*======路径导航============*/

.page-breadcrumbs {
	position: relative;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	background-color: #f3f3f3;
	z-index: 1;
}

.page-breadcrumbs .breadcrumb {
	padding: 0 15px;
	margin-bottom: 0;
	/*background-color: #fff;*/
	border-radius: 0;
	font-size: 13px;
	color: #777;
}

.page-breadcrumbs .breadcrumb li {
	line-height: 45px;
}

.page-breadcrumbs .breadcrumb li i {
	margin-right: 9px;
	font-size: 18px;
}

.page-breadcrumbs .breadcrumb li a {
	color: #5db2ff;
}


/*==page-header==*/

.page-wrapper .page-header {
	position: relative;
	margin: 0;
	height: 40px;
	background-color: #fff;
	z-index: 0;
}

.title-h1 {
	padding: 0 15px;
	line-height: 40px;
	color: #737373;
	;
}


/*==== page-body  ===*/

.page-body {
	margin: 15px;
}


/*.databox*/

.databox {
	width: 100%;
	height: 65px;
	border-radius: 3px;
	vertical-align: top;
	margin-bottom: 30px;
	overflow: hidden;
}

.databox .data-left,
.databox .data-right {
	position: relative;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.databox .data-left {
	width: 65px;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.databox .data-right {
	position: relative;
	background-color: #fff;
	width: calc(100% - 65px);
	padding: 5px 10px;
}

.databox .data-right .databox-title {
	margin: 2px;
	font-size: 16px;
}

.databox .data-right .databox-text {
	margin: 4px 0 2px;
	font-size: 13px;
	color: #999;
}

.databox .data-right .databox-icon {
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 2px 5px;
}


/*====。widget布局盒子=====*/

.widget {
	margin: 0 0 20px 0;
}

.widget .widget-header {
	height: 35px;
	line-height: 35px;
	padding-left: 12px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	color: #555;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.widget .widget-header[class*="bg-"] {
	color: #fff;
}

.widget .widget-body {
	padding: 12px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	background-color: #fbfbfb;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.widget .widget-body .widget-body-title {
	color: #666;
	font-size: 13px;
}

h1.row-title,
h2.row-title,
h3.row-title,
h4.row-title,
h5.row-title,
h6.row-title {
	line-height: 17px;
	margin: 10px 0;
	padding: 9px 10px 9px 8px;
	display: inline-block;
	color: #646464;
	font-weight: 400;
	background-color: #fff;
	position: relative;
	-webkit-border-radius: 0 2px 2px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 2px 2px 0;
	-moz-background-clip: padding;
	border-radius: 0 2px 2px 0;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

h1.row-title:before,
h2.row-title:before,
h3.row-title:before,
h4.row-title:before,
h5.row-title:before,
h6.row-title:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px;
	width: 4px;
	max-width: 4px;
	overflow: hidden;
	background-color: #2dc3e8;
}

.before-blue:before {
	background-color: #54a8f5 !important;
}


/**/

@media (max-width: 768px) {
	.main-container>.page-container>.page-sidebar {
		width: 42px;
		;
		display: none;
	}
	.main-container>.page-container>.page-sidebar:before {
		display: none;
	}
	.sidebar-collapse .main-container>.page-container>.page-sidebar,
	.sidebar-collapse .main-container>.page-container>.page-sidebar:before {
		display: block;
	}
	.main-container .page-wrapper {
		padding-left: 0;
	}
}


/*form*/

input[type=checkbox],
input[type=radio] {
	width: 18px;
	height: 18px;
}

.checkbox {
	/*padding-top: 0 !important;*/
}

.checkbox .text {
	display: inline-block;
	min-width: 18px;
	height: 18px;
	line-height: 24px;
}

.radio .text {
	display: inline-block;
	min-width: 18px;
	height: 18px;
	line-height: 27px;
}

.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
	margin-left: 20px !important;
}

.form-inline .checkbox .text {
	vertical-align: 5px;
}

.form-title {
	display: block;
	padding: 8px 0;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	.
}

@media (max-width:1000px) {
	.form-horizontal .control-label {
		padding-right: 0;
	}
}


/*带图标的表单*/

.input-icon {
	display: block;
	position: relative;
}

.input-icon .icon {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 34px;
	height: 34px;
	padding: 0;
	line-height: 34px;
	color: #777;
	text-align: center;
}

.icon-left .form-control {
	padding-left: 40px;
}

.icon-left .icon {
	left: 0;
}

.icon-right .form-control {
	padding-right: 40px;
}

.icon-right .icon {
	right: 0;
}

.input-icon>input.input-sm+.icon {
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 12px;
}

.input-icon>input.input-lg+.icon {
	height: 46px;
	width: 46px;
	line-height: 46px;
	font-size: 19px;
}

.input-icon .circular {
	border-radius: 50%;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.2)
}

.input-icon>input+.icon.circular {
	top: 6px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	font-size: 12px;
}

.icon-left>input+.icon.circular {
	left: 6px;
}

.icon-right>input+.icon.circular {
	right: 6px;
}

.input-icon>input.input-sm+.icon.circular {
	top: 6px;
	height: 18px;
	width: 18px;
	line-height: 18px;
	font-size: 10px;
}

.icon-left>input.input-sm {
	padding-left: 38px;
}

.icon-left>input.input-sm+.icon.circular {
	left: 6px;
}

.icon-right>input.input-sm {
	padding-right: 38px;
}

.icon-right>input.input-sm+.icon.circular {
	right: 6px;
}

.input-icon>input.input-lg+.icon.circular {
	top: 9px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	font-size: 16px;
}

.icon-left>input.input-lg {
	padding-left: 50px;
}

.icon-left>input.input-lg+.icon.circular {
	left: 6px;
}

.icon-right>input.input-lg {
	padding-right: 50px;
}

.icon-right>input.input-lg+.icon.circular {
	right: 6px;
}

.input-icon .icon[class*="bg-"] {
	color: #fff;
	cursor: pointer;
}


/*表格*/

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f5f5f5
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
	white-space: nowrap;
}

.table {
	margin-bottom: 0;
}

.widget-body-footer {
	margin: 10px -13px 0 -13px;
	padding: 13px 13px 0 13px;
	border-top: 1px solid #e5e5e5;
}

.table-condensed-sm>tbody>tr>td,
.table-condensed-sm>tbody>tr>th,
.table-condensed-sm>tfoot>tr>td,
.table-condensed-sm>tfoot>tr>th,
.table-condensed-sm>thead>tr>td,
.table-condensed-sm>thead>tr>th {
	padding: 7px;
}


/*
* font
*/

.fontawesome-icon-list {
	margin-bottom: 30px;
}

.fontawesome-icon-list .fa-hover a {
	display: block;
	color: #666;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fontawesome-icon-list .fa-hover a i {
	margin-right: 5px;
}

.fontawesome-icon-list .fa-hover a:hover {
	background-color: #5db2ff;
	color: #fff;
}

.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 30px;
}

.rating span.star {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
}

.rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #777777;
}

.rating span.star:hover:before {
	content: "\f006";
	padding-right: 5px;
	color: red;
}


/*
*
* 回到顶部
*/

#backTop {
	display: none;
	width: 50px;
	height: 50px;
	line-height: 57px;
	background-color: rgba(50, 50, 50, .4);
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	z-index: 99999;
}

#backTop i {
	color: #fff;
	font-size: 30px;
}


/*设置*/

#setBox {
	position: fixed;
	right: -220px;
	top: 180px;
	width: 220px;
	min-height: 60px;
	z-index: 999;
	background-color: #fff;
}

#setBox.open {
	right: 0;
}

#setBox .set-switcher-heading {
	position: relative;
	width: 240px;
	height: 40px;
	line-height: 40px;
	background-color: #489ae4;
	color: #fff;
	padding-left: 18px;
	font-size: 16px;
}

#setBox .set-switcher-heading .set-switcher-heading-icon {
	position: absolute;
	left: -40px;
	top: 0;
	width: 40px;
	height: 40px;
	background-color: #489ae4;
	line-height: 40px;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}

#setBox .set-switcher-body {
	padding: 18px;
	background-color: #676f7a;
	color: #eaedf2;
}

.set-switcher-other {
	margin-top: 18px;
}

.set-switcher-other a.btn {
	color: #fff;
	height: 10px;
	padding: 0;
	margin-bottom: 15px;
}

.set-switcher-title {
	margin-bottom: 13px;
	font-size: 14px;
}

.set-switcher-other-title {
	margin-bottom: 8px;
}

.set-switcher-colors .style-switcher-color {
	display: inline-block;
	width: 10%;
	height: 30px;
	cursor: pointer;
}

.bg-orange {
	background-color: #ff8041 !important;
}

.border-orange {
	border-color: #ff8041;
}

.text-orange {
	color: #ff8041;
}

.bg-blue {
	background-color: #5db2ff !important;
}

.text-blue {
	color: #5db2ff !important;
}

.bg-green {
	background-color: #8dc153 !important;
}

.border-green {
	border-color: #8dc153;
}

.text-green {
	color: #8dc153;
}

.bg-salmon {
	background-color: #ff6d6a !important;
}

.border-salmon {
	border-color: #ff6d6a;
}

.text-salmon {
	color: #ff6d6a;
}

.bg-mint {
	background-color: #0cbfb3 !important;
}

.text-mint {
	color: #0cbfb3;
}

.border-mint {
	border-color: #0cbfb3;
}

.bg-red {
	background-color: #e74c3c !important;
}

.text-red {
	color: #e74c3c;
}

.border-red {
	border-color: #e74c3c;
}

.bg-yellow {
	background-color: #f8bd27 !important;
}

.text-yellow {
	color: #f8bd27;
}

.border-yellow {
	border-color: #f8bd27;
}

.bg-black {
	background-color: #444 !important;
}

.text-black {
	color: #444;
}

.form-horizontal .form-group {
	position: relative;
}

.form-horizontal .form-group .radio+.form-control-feedback,
.form-horizontal .form-group .checkbox .form-control-feedback {
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 9999999;
}


/*右键菜单*/

.dropdown-container {
	margin: 0 auto;
	text-align: center;
}

.dropdown-container .dropdown-preview {
	display: inline-block;
	text-align: left;
}

.dropdown-container .dropdown-preview>.dropdown-menu {
	display: block;
	position: static;
	margin-bottom: 5px;
}

.dropdown-palegreen li:hover {
	background: #a0d468;
	color: #fff;
}

.dropdown-menu>li>a {
	position: relative;
}

.dropdown-menu>li>a .dropdown-expand {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 13px;
}

.dropdown-hover {
	position: relative;
}

.dropdown-hover:hover .dropdown-menu {
	display: block;
	left: 155px;
	top: -12px;
}

.dropdown-menu>li>a {
	font-size: 13px;
	padding-left: 11px;
	padding-right: 11px;
	margin-bottom: 1px;
	margin-top: 1px;
}

.widget .widget-title{
	height: 35px;
    line-height: 35px;
    padding-left: 12px;
    color: #555;
    border-bottom: 2px solid #0088CC;
    float: none;
    margin: 20px 0;
}
.add-select-userinfo {
    border: 1px dashed #ccc;
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
}